<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Template.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>L.A.G Studios</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style>

        .rate_widget {
            border:     1px solid #CCC;
            overflow:   visible;
            padding:    10px;
            position:   relative;
            width:      180px;
            height:     32px;
        }
        .ratings_stars {
            background: url('star_empty.png') no-repeat;
            float:      left;
            height:     28px;
            padding:    2px;
            width:      32px;
        }
        .ratings_vote {
            background: url('star_full.png') no-repeat;
        }
        .ratings_over {
            background: url('star_highlight.png') no-repeat;
        }
        .total_votes {
            background: #eaeaea;
            top: 58px;
            left: 0;
            padding: 5px;
            position:   absolute;  
        } 
        .movie_choice {
            font: 10px verdana, sans-serif;
            margin: 0 auto 40px auto;
            width: 180px;
        }
a:link, a:visited {
		color: #bfbfbf;
	}
	a:active, a:hover {
		color: #bfbfbf;
	}
	p.header {
		font-size: small;
	}
	p.header span {
		font-weight: bold;
	}
	div.content {
		position:relative;
		left:-275px;
		width: 1024px;
	}
	div.missing {
		margin: auto;
		position: relative;
		top: 50%;
		width: 193px;
	}
	div.missing a {
		height: 63px;
		position: relative;
		top: -31px;
	}
	div.missing img {
		border-width: 0px;
	}
	div#unityPlayer {
		cursor: default;
		height: 768px;
		width: 1024px;
	}
#banner {
	padding:0;
	margin:0;
	height: 250px;
	width:auto;
	background-image:url(Images/banner1.png);
	background-repeat:no-repeat;

}

body{
	padding:0;
	margin:0;
	background-color:#F0F0EE;
}
#main{
	padding-top:20px;
	padding-left:100px;
	padding-right:100px;
	min-height:500px;
	padding-bottom:20px;
	background-color:#F0F0EE;
}
#separator{
	background-image:url(Images/separator.jpg);
	height:145px;
}
.announcement{
	min-height:50px;
	padding-left:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #DDD;
}
#footer{
	height:150px;;
	color:#999;
	font-size:10px;
	padding-top:50px;
	background-color:#F0F0EE;
	padding-left:100px;
	padding-right:100px;
}
#menu {
	height: 25px;
	padding-top: 45px;
	padding-bottom: 5px;
	text-align: center;
	border-bottom-style: none;
}
#menu #holder ul{
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
#menu #holder ul li a{
	text-decoration:none;
	float:left;
	margin-left: 150px;
	margin-right: 100px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#DDD;
	border:1px solid #993300;
	border-bottom: none;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-right:5px;
	width:130px;
	text-align:center;
	display:block;
	-moz-border-radius-topleft:50px;
	-moz-border-radius-topright:50px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size:22px;
}
#menu #holder ul li a:hover{
	text-shadow: 5px 5px 5px #000;	
	-moz-border-radius:50px;
}

.developers{
	float:left;
	border-left:1px solid #c8c1ad;
}
.dev{
	width: 340px;
	height:16px;
	margin-left:20px;
	display:block;
	line-height:140%;
}
.dev1{
	float: left;
	width: 200px;
	height:16px;
	margin:0 0 0 5px;
	font-weight:bold;
	line-height:140%;
}
.dev2{
	float: left;
	width: 132px;
	height:16px;
	font-weight:normal;
	line-height:140%;
}
a:link {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
}

.buybutton {
	float:right;
	margin-left:20px;
	margin-top:20px;
	padding-bottom: 25px;
	width:150px;
	height:50px;
}

.trybutton {
	float:right;
	margin-top:20px;
	padding-bottom: 25px;
	width:150px;
	height:50px;
}

.description {
	position: relative;
}

.about{
	width:500px;
	float:left;
	margin-right:20px;
}
.hr{
	background-color: #C8C1AD;
	height: 1px;
	margin: 20px 0px;
}
</style>
</head>

<body>
<div id="container">
	<div id="banner"> 
      <div id="menu">
      	<div id="holder">
        <ul>
        <li><a href="home.php">Home</a></li>
		<li><a href="about.php">About Us</a></li>
		<li><a href="games.php" class="mod" >Games</a></li>
        </u>
        </div>
        </div>
	</div>
    <div id="separator"></div>
    <div id="main"><!-- InstanceBeginEditable name="EditRegion3" -->
	<font style="color:#008; font-family:sans-serif; padding-top:20px; font-size:24px">About Us</font>
    <hr />
    <div class="about">
    <p>L.A.G. Studios was first originated from a Web Technology project. Inspired by the gaming industries and features of the web, our team decided to integrate both into one. Now people can play a high-graphic games in a website without any LAG and also interact with other players in the web.</p>
    
    <p>First published in 16 September ,2011, L.A.G studios reached 1,000 hits and 200 downloads in a week. We want to create a unique e-commerce website not just for users to view, preview and buy but to provide an online demo play for each game up for sale. We want to be at the top of the range customers satisfaction website for shoopers who can interact and try our products.</p>
    </div>
    
    <div class="developers">
    
    <div style="float:left">
	<font style="font-family:sans-serif; font-size:24px; padding-left:20px; padding-bottom:6px">Our developers</font>
    </div>
    <br/>
    <div class="dev">
    <div class="dev1">Project Manager</div>
    <div class="dev2">Lock Kook Wai</div>
    </div>
    <div class="hr"></div>
    
    <div class="dev">
    <div class="dev1">Graphic Designer</div>
    <div class="dev2">Lock Kook Wai</div>
    </div>
    <div class="hr"></div>
    
    <div class="dev">
    <div class="dev1">Web Engineer</div>
    <div class="dev2">Andre Gunawan</div>
    </div>
    <div class="hr"></div>
    
    <div class="dev">
    <div class="dev1">Lead System Designer</div>
    <div class="dev2">Godwin Wong</div>
    </div>
    <div class="hr"></div>
    
    <div class="dev">
    <div class="dev1">Lead Game Designer</div>
    <div class="dev2">Godwin Wong</div>
    </div>
    <div class="hr"></div>
    
    <div class="dev">
    <div class="dev1">Game Designer</div>
    <div class="dev2">Andre Gunawan</div>
    </div>
    <div class="hr"></div>
    
    </div>
     <!-- InstanceEndEditable --></div>
    <div id="footer">
    <br />
    <hr />
    <font>COPYRIGHT © 2011 L.A.G STUDIOS PTE LTD. ALL RIGHTS RESERVED.!</font>
    <img src="Images/footer-icons.png" style="float:right" />
    </div>
</div>
</body>
<!-- InstanceEnd --></html>
